"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const cssr_1 = require("../../../_utils/cssr"); // vars:
// --bezier
// --color
// --opacity


exports.default = (0, cssr_1.cB)('icon', `
 height: 1em;
 width: 1em;
 line-height: 1em;
 text-align: center;
 display: inline-block;
 position: relative;
 fill: currentColor;
 transform: translateZ(0);
`, [(0, cssr_1.cM)('color-transition', {
  transition: 'color .3s var(--bezier)'
}), (0, cssr_1.cM)('depth', {
  color: 'var(--color)'
}, [(0, cssr_1.c)('svg', {
  opacity: 'var(--opacity)',
  transition: 'opacity .3s var(--bezier)'
})]), (0, cssr_1.c)('svg', {
  height: '1em',
  width: '1em'
})]);